<script>
  export let size = "1em";
  export let color = "currentColor";
  export let className = "";
</script>

<svg
  width={size}
  height={size}
  class={className}
  fill={color}
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M7.5 8C7.5 8.55228 7.94772 9 8.5 9L12.5 9C13.0523 9 13.5 8.55229 13.5 8C13.5 7.44772 13.0523 7 12.5 7L8.5 7C7.94772 7 7.5 7.44771 7.5 8Z"
  />
  <path
    d="M8.5 13.5C7.94772 13.5 7.5 13.0523 7.5 12.5C7.5 11.9477 7.94772 11.5 8.5 11.5H15.5858C16.1381 11.5 16.5858 11.9477 16.5858 12.5C16.5858 13.0523 16.1381 13.5 15.5858 13.5H8.5Z"
  />
  <path
    d="M8.5 18C7.94771 18 7.5 17.5523 7.5 17C7.5 16.4477 7.94772 16 8.5 16L15.5858 16C16.1381 16 16.5858 16.4477 16.5858 17C16.5858 17.5523 16.1381 18 15.5858 18H8.5Z"
  />
  <path
    fill-rule="evenodd"
    clip-rule="evenodd"
    d="M20 7.82843V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H14.1716C14.702 2 15.2107 2.21071 15.5858 2.58579L19.4142 6.41421C19.7893 6.78929 20 7.29799 20 7.82843ZM18.5 20V7.82843C18.5 7.69582 18.4473 7.56864 18.3536 7.47487L14.5251 3.64645C14.4314 3.55268 14.3042 3.5 14.1716 3.5H6C5.72386 3.5 5.5 3.72386 5.5 4V20C5.5 20.2761 5.72386 20.5 6 20.5H18C18.2761 20.5 18.5 20.2761 18.5 20Z"
  />
</svg>
